iT邦幫忙

0

JS30 筆記 Day12 Key Sequence Detection

  • 分享至 

  • xImage
  •  

以下為自我紀錄的筆記,只記錄自己比較不熟的觀念。

此章節主要是定義一個secretCode,然後再比對鍵盤輸入的值是否包含定義的secretCod。

思路:
鍵盤事件 > 拿到鍵盤輸入的值 > 將鍵盤輸入的值給陣列 > 拿掉陣列中輸入的第一個值 > 比對陣列中的值是否包含secretCod > 包含的話載入方法

鍵盤事件 : keyup

const press = []; // 輸入的值
const secretCode = "wesbos"; // secretCod
window.addEventListener("keyup", (e) => {});

拿到鍵盤輸入的值 : e.key

window.addEventListener("keyup", (e) => {
console.log(e.key) // 拿到鍵盤輸入的值
});

將鍵盤輸入的值給陣列 : array.push()

press.push(e.key);

拿掉陣列中輸入的第一個值 : array.splice(0,1)

press.splice(-press.length - 1, press.length - secretCode.length);

比對陣列中的值是否包含secretCod :press.includes(secretCode)

if (press.join("").includes(secretCode)) { // 包含的話載入方法
    cornify_add();
}

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言